@screenWidth:100%;
@headerHeight:60px;
@backgroundColor: #438Eb9;
#system{
    height:auto ;
    .submenu{
        li:nth-child(1){
            a{
                color: #438Eb9;
            }
        }
    }
}
.right{
    .wrap{
        width: auto;
        overflow: auto;
        .tbodyMenu{
            img{
                max-width:200px;
            }
        }
        .changeImgWin{
            display: none;
            position:absolute;
            top:50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width:auto;
            padding:20px;
            text-align: center;
            z-index: 5;
            background-color:#fff;
            .headimgBig{
                width:500px;
                margin:10px 0;
                height: auto;
            }
        }
        .sortWin{
            display: none;
            position:absolute;
            top:50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width:400px;
            padding:0;
            text-align: center;
            z-index: 5;
            background-color:#fff;
            .sortHeader{
                height:50px;
                line-height: 50px;
                background-color: #ccc;
                color: #fff;
                text-align: left;
                text-indent: 1em;
                button{
                    float: right;
                    color: #fff;
                    width: 40px;line-height: 40px;
                    text-align: center;
                    background-color: transparent;
                    font-size:25px;
                    border: none;
                    border-radius:20px;
                    &:hover {
                        cursor: pointer;
                        color: red;
                    }
                }
            }
            .sortWrap{
                p{
                    text-align: left;
                    text-indent: 1em;
                }
                span{
                    display: inline-block;
                    width: 30px;
                    height: 30px;
                    line-height: 30px;
                    margin: 5px 10px;
                    border: 1px solid #ccc;
                    border-radius: 4px;
                    &:hover{
                        cursor: pointer;
                        background-color: @backgroundColor;
                        color: #fff;
                    }

                }
                height:auto;
                width: 98%;
                margin:10px auto;

            }
            .sortBtns{
                margin: 10px auto;
                button{
                    margin:0 5px;
                }
            }
        }
    }
}